<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础信息</title>
    <style>
        .sy {
            text-align: center;
            font-size: 20px;
        }

        .pt2 {
            text-decoration: underline;
            position: relative;
            top: -367px;
            padding-left: 100px;
            color: rgba(104, 105, 106, 0.814);
        }

        .pt3 {
            text-decoration: underline;
            position: relative;
            left: 280px;
            top: -465px;
            color: rgba(104, 105, 106, 0.814);
        }
        .fh{
            position: relative;
            left: -208px;
            border-radius: 4px;
            border: 1px solid rgba(0, 0, 0, 0.5);
            transition: background-color 0.15s ease-in-out ;
            cursor: pointer;
            user-select: none;
        }
        .fh:hover{
            color: #fff;
            background-color: rgba(0, 0, 0, 0.45);
        }
    </style>
</head>

<body>

    <div class="wz">
        <p class="sy">
            书籍信息
            <a href="./zgn.html">
              <button class="fh">
                返回
            </button>  
            </a>
        </p>
        <p class="pt">
            书名<br><br>
            作者<br><br>
            写作日<br><br>
            品类<br><br>
            类型<br><br>
            语言<br><br>
            章节<br><br>
            发行地<br><br>
            价格
        </p>
        <p class="pt2">
            杀死一只知更鸟<br><br>
            哈珀·李<br><br>
            1960年<br><br>
            长篇小说<br><br>
            悬疑 犯罪<br><br>
            英语<br><br>
            一<br><br>
            美国<br><br>
           21元<br><br>
          
        </p>
      
    </div>

</body>

</html>